<template>
  <div>
    {{ ary }}
    <button @click="fn">按钮</button>
  </div>
</template>
<script>
// @ is an alias to /src
export default {
  name: 'XXX',
  data() {
    return {
      obj: {
        a: 1, b: 3
      },
      ary: [111, 666, 333]
    }
  },
  methods: {
    fn() {
      // // this.obj.ttt = 666
      // this.$set(this.obj, 'ttt', 666)
      // console.log(this.$set)
      // this.ary[0] = 888
      // push pop unshift shift  splice  reverse  sort
      // this.ary.splice(0, 1, 888)
      // this.$set(this.ary, 0, 888)
      console.log(this.ary.pop == Array.prototype.pop)
      console.log(this.ary.concat == Array.prototype.concat)
      // 通过 Object.create 创造了一个对象 这个对象的__proto__是指向数组的圆形的
      //  然后把这七个变异方法 添加到了 这个对象中，在把vue中的数组的原型指向 都换成了
      // 这个对象，那这样的话 当前vue的数组调用push方法的时候其实调用的是这个对象的push方法
      // 这个方法执行的时候 会通知视图更新
    }
  }
}
</script>
<style lang="less">
</style>